<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StepUp</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<style type="text/css">
#transview {
	display: block;
	background-image : url(./img/completed.jpg);
	background-repeat: no-repeat;
	background-position: center;
	opacity : .6;
	z-index : 2500;
}

#margin_top {
	margin-top : 30px;
}
</style>
<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
</head>
<body>

	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row"
			style="margin-right: auto; margin-left: auto; width: 800px;">
			<div class="col-lg-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content ">
						<div class="carousel slide" id="carousel2">
							<ol class="carousel-indicators">
								<li data-slide-to="0" data-target="#carousel2" class="active"></li>
								<li data-slide-to="1" data-target="#carousel2"></li>
								<li data-slide-to="2" data-target="#carousel2" class=""></li>
							</ol>
							<div class="carousel-inner">
								<div class="item active">
									<img alt="image" class="img-responsive" src="img/p1.jpg"
										style="Height: 300px; width: 1000px">
									<div class="carousel-caption">
										<p>This is simple caption 1</p>
									</div>
								</div>
								<div class="item ">
									<img alt="image" class="img-responsive" src="img/p3.jpg"
										style="Height: 300px; width: 1000px">
									<div class="carousel-caption">
										<p>This is simple caption 2</p>
									</div>
								</div>
								<div class="item">
									<img alt="image" class="img-responsive" src="img/p2.jpg"
										style="Height: 300px; width: 1000px">
									<div class="carousel-caption">
										<p>This is simple caption 3</p>
									</div>
								</div>
							</div>
							<a data-slide="prev" href="#carousel2"
								class="left carousel-control"> <span class="icon-prev"></span>
							</a> <a data-slide="next" href="#carousel2"
								class="right carousel-control"> <span class="icon-next"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>